<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>登录</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<link rel="stylesheet" href="./css/dlcss.css" type="text/css">
	
	<script src="./js/jquery-1.9.0.min.js"></script>  
<script type="text/javascript">  
$(function(){  
    $("#loginform_submit").click(function(){  
        if(checkInput()){  

           $("#form1").submit();  
        }else{  
            return false;  
        }  
    }  
    );  
});  

function checkInput(){  
    var flag = true;  
    //判断用户名  
    if($("input[name=username]").val()==null || $("input[name=username]").val()==""){  
        alert("用户名不能等于空");  
        $("input[name=username]").focus();  
        flag =false;  
        return ;  
    }  
    //判断密码  
    if($("input[name=password]").val()==null || $("input[name=password]").val()==""){  
        alert("密码不能等于空");  
        $("input[name=password]").focus();  
        flag =false;  
        return ;  
    }  
    //判断验证码  
    if($("#validationCode").val()==null || $("#validationCode").val()==""){  
        alert("验证码不能为空");  
        $("#validationCode").focus();  
        flag =false;  
        return ;  
    }  
    return flag;  
}



</script>
  </head>
  <body>
   <div class="header" id="head">
    <div class="title">企业办公系统</div>

</div>

<div class="wrap" id="wrap">
    <div class="logGet">
        <!-- 头部提示信息 -->
        <div class="logD logDtip">
            <p class="p1">登录</p>
        </div>
        <!-- 输入框 -->
        <div class="lgD">

            <img src="img/logPwd.png" width="20" height="20" alt=""/>
            <input type="text"
                   placeholder="输入用户名" />
        </div>
        <div class="lgD">
            <img src="img/logPwd.png" width="20" height="20" alt=""/>
            <input type="text"
                   placeholder="输入用户密码" />
        </div>
          <label>验证码:</label>  
                <input type="text" name="validationCode" id="validationCode"/>  
                <!--<img id="validationCode_img"  src="validate.jsp"><br>-->
                <img src="index.jsp"  id="picture" onClick="change()" id="picture"><!--点击验证码可以进行动态刷新  -->
                <!--刷新验证码的src-->
                <script>  
              function change(){  
              var pic=document.getElementById("picture");  
              var i=Math.random();//目的是使页面不一样  
              pic.src="index.jsp?id="+i;  
                 }  
                 </script>    
                <table>      
                 <tr>                        
                </tr>  
            </table>
        <div class="logC">
            <a href="index.html" target="_self"><button>登 录</button></a>
        </div>
    </div>
</div>

<div class="footer" id="foot">
    <div class="copyright">
        <p>Copyright © 2018 Qunar.com Inc. All Rights Reserved.</p>
        <div class="img">
            <i class="icon"></i><span>联系邮箱：923704371@qq.com</span>
        </div>

        <div class="img">
            <i class="icon1"></i><span>联系地址：富荣大厦209六号桌一号位</span>
        </div>

        <div class="img">
            <i class="icon2"></i><span>联系电话：18578369115</span>
        </div>
    </div>
</div>
  </body>
</html>
